
$(function () {

  //用户 必填 2-6位 
  //密码必填 6-12位 

  // 找到表单 调用bootstrapValidator方法 
  // bootstrapValidator这个方法会在表单提交的时候校验,保证表单能够提交\
  //如果表单没有验证成功就可没有提交的必要 必须验证成功后在提交
  // 1验证表单 
  $('form').bootstrapValidator({
    //字符验证 
    fields: {
      //验正用户名 对应name的表单的name属性 
      username: {
        validators: {
          //不能为空 
          notEmpty: {
            message: '用户名不能为空'
          },
          //校验长度 
          stringLength: {
            min: 2,
            max: 6,
            message: '用户名长度必须在2到6之间'
          },
          callback:{
            message:'用户名不存在'
          }
        }
      },
      //  验证 数字长度
      password: {
        validators:{
          notEmpty: {
            message: '密码不能为空'
          },
          stringLength: {
            min: 6,
            max: 12,
            message: '用户密码的长度必须是6-12位'
          },
          callback:{
            message:'用户名或密码错误'
          }
        }
      }
    },
    //配置小图标 
    feedbackIcons: {
      valid: 'glyphicon glyphicon-thumbs-up',
      invalid: 'glyphicon glyphicon-thumbs-down',
      validating: 'glyphicon glyphicon-refresh'
    }
  })

  //给表单注册一个表单校验成功事件,表单校验成功才会触发
  $('form').on('success.form.bv',function(e){
          //阻止浏览器的默认行为 
          e.preventDefault()
          // console.log("哈哈哈");
          
          //发送ajax的请求
          $.ajax({
            url: '/employee/employeeLogin',
            type: 'post',
            data: $('form').serialize(),
            success: function(info) {
            if(info.success){
              //登录成功 
              location.href='index.html'
            }

            if(info.error===1000){
              //让用户名不存在 
              $('form').data('bootstrapValidator')
              .updateStatus('username','INVALID', 'callback')
            }
            if(info.error ===1001){
              //密码错误 
              $('form').data('bootstrapValidator')
              .updateStatus('password','INVALID', 'callback')
              

            }
        }
    })          
  })

      //表单重置 的功能 
      $('[type=reset]').on('click',function(){
        $('form')
        .data('bootstrapValidator')
        .resetForm(true)


      })





});